<div class="row">
    <div class="col-sm-12 col-xs-12 col-md-8">
        <div class="info-panel info-panel-grey">
            <span class="title" ng-if="delegate.username">{{delegate.username}}</span>
            <span class="title" ng-if="!delegate.username">{{'To become a delegate, click on the "Delegate Registration" button.'|translate}}</span>
            <span class="plain-text" ng-show="delegate.time">{{'Registered on'|translate}} {{delegate.time | timestampFilter}}</span>
        </div>
    </div>
    <div class="col-md-4 col-xs-12 col-sm-12">
        <div class="info-panel info-panel-grey">
            <span class="title">{{'EBOOKCOIN Earned'|translate}}</span>
            <span class="plain-text">{{totalForged  | ebookcoinFilter }} EBOOKCOIN</span>
        </div>
        <!-- <div class="light-graph">
             <div class="light-graph-heading">EBOOKCOIN Earned</div>
             <div class="light-graph-body">
                 <div class="chart-legend">{{totalForged / 100000000 | feeFilter }}<span class="small-text">EBOOKCOIN</span></div>
                 <div class="chart-container"></div>
             </div>
         </div> -->
    </div>
</div>
<div class="row">
    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6">
        <div class="light-graph">
            <div class="light-graph-heading">{{'Rank'|translate}}</div>
            <div class="light-graph-body">
                <div class="chart-legend">{{rank}}</div>
                <canvas id="rank" class="chart chart-doughnut" chart-data="graphs.rank.values" chart-labels="graphs.rank.labels" chart-options="graphs.rank.options" chart-colours="graphs.rank.colours"></canvas>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6">
        <div class="light-graph">
            <div class="light-graph-heading">{{'Uptime'|translate}}</div>
            <div class="light-graph-body">
                <div class="chart-legend">{{uptime | number:2}}%</div>
                <canvas id="uptime" class="chart chart-doughnut" chart-data="graphs.uptime.values" chart-labels="graphs.uptime.labels" chart-options="graphs.uptime.options" chart-colours="graphs.uptime.colours"></canvas>
            </div>
        </div>
    </div>
    <div class="clearfix visible-md visible-sm visible-xs"></div>
    <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6">
        <div class="light-graph">
            <div class="light-graph-heading">{{'Approval'|translate}}</div>
            <div class="light-graph-body">
                <div class="chart-legend">{{approval | number:2}}%</div>
                <canvas id="approval" class="chart chart-doughnut" chart-data="graphs.approval.values" chart-labels="graphs.approval.labels" chart-options="graphs.approval.options" chart-colours="graphs.approval.colours"></canvas>
            </div>
        </div>
    </div>
</div>
<!-- <div class="col-md-3 col-sm-12">
    <div class="light-graph line-graph">
        <div class="light-graph-heading">No Data Available</div>
        <div class="light-graph-sub-heading">Return when you have forged at least 100 EBOOKCOIN</div>
        <div class="light-graph-body">
            <canvas id="line" class="chart chart-line" chart-data="graphs.amountForged.data" chart-colours="graphs.amountForged.colours" labels="graphs.amountForged.labels" legend="false" chart-series="graphs.amountForged.series" chart-options="graphs.amountForged.options">
            </canvas>
        </div>
        <div class="light-graph-footer">
            <div class="row">
                <div class="col-xs-6 description">Amount Forged</br>in last year</div>
                <div class="col-xs-6 forged-amount"><span class="value">0.00 <span class="legend">EBOOKCOIN</span></span></div>
                <div class="clearfix visible-lg visible-md visible-sm visible-xs"></div>
            </div>
        </div>
    </div>
</div> -->
<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="panel panel-default" ng-class="{'paginated': countForgingBlocks}">
            <div class="panel-heading">
                <h2>{{'Forged Blocks'|translate}}</h2>
            </div>
            <table ng-table="tableBlocks" border="0" width="100%" cellpadding="0" cellspacing="0" ng-show="countForgingBlocks">
                <div class="table-menu" ng-show="countForgingBlocks">
                    <div class="more-down-table" dropdown on-toggle="toggled(open)" is-open="moreDownTable.isopen">
                        <i class="mdi-navigation-more-vert" dropdown-toggle aria-haspopup="true" aria-expanded="false"></i>
                        <div class="dropdown-menu" role="menu">
                            <p ng-click="check($event)"><input type="checkbox" class="filled-in violet" id="advanced" ng-model="showAllColumns">
                                <label for="advanced"><translate>Show All Columns</translate></label>
                            </p>
                            <p ng-click="check($event)"><input type="checkbox" class="filled-in violet" id="fulltime" ng-model="showFullTime">
                                <label for="fulltime"><translate>Show Full Time</translate></label>
                            </p>
                        </div>
                    </div>
                </div>
                <tr ng-repeat="block in $data">
                    <td data-title="tableBlocks.cols.height" sortable="'height'">{{block.height}}</td>
                    <td data-title="tableBlocks.cols.blockId" ng-click="blockInfo(block)" class="pointer" ng-show="showAllColumns">
                        <a href="#">{{block.id}}</a>
                    </td>
                    <td data-title="tableBlocks.cols.timestamp" sortable="'timestamp'">
                        <span ng-show="block.timestamp > 0">{{block.timestamp | timeAgoFilter : showFullTime}}</span>
                        <span ng-show="block.timestamp == 0">-</span>
                    </td>
                    <td data-title="tableBlocks.cols.totalFee" sortable="'totalFee'">{{block.totalFee | ebookcoinFilter}}</td>
                    <td data-title="tableBlocks.cols.reward" sortable="'reward'">{{block.reward | ebookcoinFilter}}</td>
                    <td data-title="''" class="width-80"></td>
                </tr>
            </table>
            <div class="panel-body empty-body empty-table without-margin-top" ng-if="!countForgingBlocks">
                <div class="logo-grey"></div>
                <p class="empty-state-text">{{'You have not forged any blocks yet.'|translate}}</p>
            </div>
        </div>
    </div>
</div>
